<template>
  <div style="padding: 0 15px">
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721032401923" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1924" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
      <path :fill="topTheme.includes('linear') ? 'rgba(44, 78, 120, 1)' : '#fff'" d="M128 108.8c0-22.4 23.424-44.8 46.72-44.8h674.56c23.296 0 46.72 22.4 46.72 44.8v806.4c0 22.4-23.488 44.8-46.72 44.8H174.72c-23.296 0-46.72-22.4-46.72-44.8V108.8z m665.088 112c0-8.832-4.8-13.44-14.08-13.44h-153.6c-13.888 0-18.24 13.44-8.96 22.4l41.6 40.32-120.96 98.56c-9.408 8.96-23.36 8.96-32.64-4.48l-83.84-80.64c-9.408-8.96-27.84-8.96-37.12 0l-139.52 134.4c-14.016 13.44-14.016 40.32 0 53.76 14.016 13.44 37.056 13.44 55.68 0l83.84-80.64c9.344-8.96 27.84-8.96 37.12 0l79.36 80.64c14.016 8.96 27.84 8.96 37.12 0l181.76-147.84 51.2 49.28c9.28 8.96 23.04 0 23.04-8.96V220.8z m-4.48 385.28c0-22.4-23.488-44.8-46.72-44.8h-460.8c-23.296 0-46.72 22.4-46.72 44.8s23.424 44.8 46.72 44.8h456.32c27.904 0 51.2-22.4 51.2-44.8z m-112 165.76c0-22.4-23.488-44.8-46.72-44.8h-348.8c-23.296 0-46.72 22.4-46.72 44.8s23.424 44.8 46.72 44.8h348.8c27.904 0 46.72-22.4 46.72-44.8z" p-id="1925"></path>
    </svg>
  </div>
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";

const settingsStore = useSettingsStore();
const topTheme = computed(() => settingsStore.topTheme);

defineProps({
  isActive: {
    type: Boolean,
    default: false,
  },
});

const emit = defineEmits();
// const toggleClick = () => {
//   emit('toggleClick');
// }
</script>

<style scoped>
.hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.hamburger.is-active {
  transform: rotate(180deg);
}
</style>
